<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="index.css">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <meta http-equiv="X-Content-Security-Policy" content="img-src 'self' data:; default-src 'self'; script-src 'self'">
    <meta http-equiv="Content-Security-Policy" content="img-src 'self' data:; default-src 'self'; script-src 'self'">
    <title>bitmap font maker by [白玉无冰]</title>
    <script src="./FileSaver.js"></script>

  </head>

  <body>
    <div id="drop_zone" >
        <table>
            <tr>
                <td>
                    导出文件名字: <br>
                    <input id="input_fontName"/>
                    <br>
                    画布宽高:<br>
                    <input type="number" id="input_CanvasWidth"/> ×
                    <input type="number" id="input_CanvasHeight"/>
                </td>
            </tr>
        </table>
        <table>
            <tr> 请将位图字体图片拖拽到红方框内 </tr>
        </table>
        <table>
            <tr colspan="6" >
                <canvas id="canvas_font" ></canvas>
            </tr>
        </table>
        <table>
            <tr>
                <div id="div_font_setting">
                </div>
            </tr>
        </table>
        <br> 预览: <br>
        <input id="input_preview"/><br>
        <canvas id="canvas_preview" ></canvas>
        <br>
        <button id='button_save'>save</button>
        <br>
        <button id='button_clear'>clear</button>
    </div>


    <script src="./renderer.js"></script>
    <img src="./about.jpg"></img>
  </body>
</html>
